.container{
    width: 1000px;
    /* background-color: antiquewhite; */
    /* 让版心居中 */
    margin: 0 auto;
}
/* logo区域 */
.container .logo{
    height: 100px;
    /* background-color: brown; */
    line-height: 100px;
}
.container .header .logo img{
    padding-top: 41px;
    padding-bottom: 38px;
    display: inline-block;
}
.container .header .search{
    background-color: #f1f1f1;
    border: 1px solid #e5e5e5;
    /* display: inline-block; */
    height: 28px;
    line-height: 28px;
    margin-top: -68px;
    float: right;
    margin-right: 20px;
}
.container .header .search input{
    background-color: #f1f1f1;
    outline: none;
    border: 0px solid #e5e5e5;
}
.container .header .search  img{
    vertical-align: middle;
}
/* 导航区域 */
.container .nav{
    height: 60px;
    background-color: black;
}
.container .nav li{
   /* 块级元素转换为行内块元素 */
    display: inline-block; 
    width: 112px;
    height: 60px;
    /* color: white; */
    line-height: 60px;
    /* 设置右边边框 */
    border-right: 1px solid rgb(74,74,73);
    /* 文字居中 */
    text-align: center;
    vertical-align: middle;
}
.container .nav li.first{
    background-color: orange;
    width: 140px;
}
/* 最后一个边框为0 */
.container .nav li.last{
   border-right: 0px;
}
.container .nav a{
    text-decoration: none;
    overflow:hidden;
    color: white;
}
.container .nav li:hover{
    background-color: orange;
}
/* 轮播图区域 */
/* .container .banner{
    height: 465px;
    background-color: green;
} */
.container .banner img{
    /* font-size: 0; */
    vertical-align: bottom;
}
/* 新闻区域 */
.container .news{
    height: 245px;
    /* background-color: blue; */
}
.container  .x{
    font-size: 20px;
    margin-left: 20px;
    margin-top: 20px;
    line-height: 20px;
    padding-bottom: 30px;
}
.container .news .n1{
    font-size: 15px;
    height: 245px;
    width: 480px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
.container .news .n1 span{
    float: right;
    font-size: 15px;
}
.container .news .n2{
    line-height: 20px;
    margin-left: 20px;
    width: 240px;
    height: 245px;
    display: inline-block;
    vertical-align: middle;
    background-color: #f1f1f1;
}
.container .news .n3{
    width: 250px;
    height: 245px;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
.container .news .n3 .img1{
    width: 75px;
    height: 103px;
    float: right;
}
.container .news .n3 .img2{
    margin-left: 50px;
    margin-top:50px;
    vertical-align: middle;
}
/* 市场 */
.container .market{
    height: 245px;
    /* background-color: yellow; */
}
.container .market .mk1{
    margin-left: 19px;
    width: 211px;
    display: inline-block;
    line-height: 20px;
}
.container .market .mk1 img{
    width: 211px;
    height: 135px;
}
.container .market .mk2{
    margin-left: 30px;
    width: 211px;
    display: inline-block;
    line-height: 20px;
}
.container .market .mk2 img{
    width: 211px;
    height: 135px;
}
.container .market .mk3{
    margin-left: 30px;
    width: 211px;
    display: inline-block;
    line-height: 20px;
}
.container .market .mk3 img{
    width: 211px;
    height: 135px;
}
.container .market .mk4{
    margin-left: 30px;
    margin-right: 19px;
    width: 211px;
    display: inline-block;
}
.container .market .mk4 img{
    width: 211px;
    height: 135px;
}
/* 相关 */
.container .about{
    margin-top: 45px;
    height: 250px;
    background-color: #e5e5e5;
}
.container .about .ta{
    padding-left: 20px;
    padding-bottom: 16px;
    padding-top: 29px;
    font-size: 20px;
    /* width: 64px;
    height: 16px;
    line-height: 16px; */
}
.container .about .a1{
    margin-left: 19px;
    width: 450px;
    display:inline-block;
    vertical-align: top;
    line-height: 20px;
    color: #8a8a8a;
    /* background-color: #e5e5e5; */
}
/* .container .about span{
    display: block;
    width: 0; 
    height: 0; 
    border-style: solid; 
    border-width: 0 6px 6px 0; 
    border-color: transparent transparent black transparent;
} */
/* .container .about .a1 .c1 span{
    vertical-align: middle;
    margin-left: 20px;
} */
.container .about .a1 .c1{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    /* color: #8a8a8a; */
}
.container .about .a1 .c2{
    display: inline-block;
    margin-left: 50px;
    text-align: left;
    vertical-align: top;
    /* color: #8a8a8a; */
}
.container .about .a1 .c3{
    display: inline-block;
    margin-left: 50px;
    text-align: left;
    vertical-align: top;
    /* color: #8a8a8a; */
}
.container .about .a2{
    margin-left: 52px;
    width: 150px;
    display:inline-block;
    vertical-align: top;
    line-height: 20px;
    color: #8a8a8a;
}
.container .about .a3{
    margin-left: 52px;
    width: 180px;
    margin-right: 19px;
    display:inline-block;
    vertical-align: top;
    line-height: 20px;
    color: #8a8a8a;
}
.container .about .a3 img{
    vertical-align: middle;
}
/* 底部 */
.container .foot{
    height: 83px;
    background-color: #ffffff;
}
.container .foot .left{
    float: left;
    width: 350px;
    height: 83px;
}
.container .foot .left ul{
    padding-top: 20px;
    width: 350px;
    line-height: 16px;
    height: 16px;
    list-style: none;
}
.container .foot .left li{
    text-align: center;
    width: 75px;
    color: #8e8e8e;
    font-size: 12px;
    display: inline-block;
}
.container .foot .left li:nth-child(n+2){
    height: 14px;
    line-height: 14px;
    border-left: 1px solid #8e8e8e;
}
.container .foot .right{
    vertical-align: top;
    float: right;
    width: 634px;
    height: 83px;
    padding-top: 12px;
}
.container .foot .right p{
    text-align: center;
    color: #8e8e8e;
    font-size: 12px;
    display: inline-block;
}